<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="ico/favicon.ico">
    <link rel="stylesheet" href="./css/list.min.css">
    <link rel="stylesheet" href="../common/css/header.min.css">
    <link rel="stylesheet" href="../common/css/footer.min.css">
    <link rel="stylesheet" href="../common/css/reset.min.css">
    <link rel="stylesheet" href="../common/css/common.min.css">
    <link rel="stylesheet" href="../common/font//iconfont.css">
    <title>Dickies官方网站-全部商品</title>
</head>

<body>
    <div class="header"></div>
    <div class="con">
        <div class="top">
            <a href="">首页</a>
            <span>></span>
            <a href="">全部商品</a>
        </div>
        <div class="left fl">
            <h1>男装</h1>
            <div class="man-t down">
                男士上装
                <span>▼</span>
            </div>
            <ul class="man-t-down">
                <li>长袖衬衫</li>
                <li>长袖T恤</li>
                <li>卫衣</li>
                <li>棉衣</li>
                <li>短袖T恤</li>
                <li>短袖polo</li>
                <li>衬衫</li>
                <li>薄外套</li>
            </ul>
            <div class="man-f down">
                男士下装
                <span>▼</span>
            </div>
            <ul class="man-f-down">
                <li>休闲裤</li>
                <li>卫裤</li>
                <li>连体裤</li>
                <li>短裤</li>
            </ul>
            <h1>女装</h1>
            <div class="woman-t down">
                女士上装
                <span>▼</span>
            </div>
            <ul class="woman-t-down">
                <li>棉衣</li>
                <li>长袖T恤</li>
                <li>卫衣</li>
                <li>短袖T恤</li>
                <li>短袖polo</li>
                <li>衬衫</li>
                <li>薄外套</li>
            </ul>
            <div class="woman-f down">
                女士下装
                <span>▼</span>
            </div>
            <ul class="woman-f-down">
                <li>阔腿裤</li>
                <li>休闲裤</li>
                <li>卫裤</li>
                <li>连衣裙</li>
                <li>连体装</li>
                <li>短裤</li>
                <li>半身裙</li>
            </ul>
            <h1>配件</h1>
            <div class="down bag">
                包袋
                <span>▼</span>
            </div>
            <ul class="bag-down">
                <li>斜挎包</li>
                <li>双肩包</li>
                <li>单肩包</li>
            </ul>
            <div class="down other">
                其他
                <span>▼</span>
            </div>
            <ul class="other-down">
                <li>其他</li>
            </ul>
            <h1 class="shoce down">
                鞋类
                <span>▼</span>
            </h1>
            <ul class="shoce-down">
                <li>鞋类</li>
            </ul>
            <h1 class="down color">
                颜色
                <span>▼</span>
            </h1>
            <ul class="color-down">
                <li>白色</li>
                <li>橄榄绿</li>
                <li>海军蓝</li>
                <li>黑色</li>
                <li>红色</li>
                <li>湖蓝色</li>
                <li>黄色</li>
                <li>酒红色</li>
                <li>橘色</li>
                <li>军绿色</li>
                <li>卡其色</li>
                <li>蓝色</li>
                <li>米色</li>
                <li>沙色</li>
                <li>深海蓝色</li>
                <li>深灰色</li>
                <li>羽灰</li>
                <li>中羽灰</li>
                <li>深蓝色</li>
                <li>紫色</li>
                <li>杏橘色</li>
                <li>海蓝色</li>
                <li>橄榄色</li>
                <li>黑白两色</li>
                <li>中红色</li>
                <li>古铜色</li>
                <li>黑白条纹</li>
                <li>蓝白条纹</li>
                <li>午夜紫</li>
                <li>贵族红</li>
                <li>橘黄色</li>
                <li>风暴蓝</li>
                <li>奶油粉</li>
                <li>墨绿色</li>
                <li>浅柠檬黄</li>
                <li>白色/奶油粉</li>
                <li>奶油粉/白色</li>
                <li>哑光银</li>
                <li>灰蓝色/白色</li>
                <li>亮青柠色/白色</li>
                <li>黑云蓝</li>
                <li>黑色/奶油粉</li>
                <li>灰蓝色</li>
                <li>浅蓝色</li>
                <li>白色砖纹印花</li>
                <li>黑色砖纹印花</li>
                <li>墨绿色砖纹印花</li>
                <li>祖母绿</li>
                <li>米灰色</li>
                <li>橙色</li>
                <li>中粉色</li>
                <li>深海蓝</li>
                <li>深藏青色</li>
                <li>土黄色</li>
                <li>奶白色</li>
            </ul>
            <h1 class="size down">
                尺寸
                <span>▼</span>
            </h1>
            <ul class="size-down">
                <li>44</li>
                <li>43</li>
                <li>42</li>
                <li>41</li>
                <li>40</li>
                <li>39</li>
                <li>38</li>
                <li>37</li>
                <li>35</li>
                <li>25</li>
                <li>26</li>
                <li>27</li>
                <li>28</li>
                <li>29</li>
                <li>30</li>
                <li>32</li>
                <li>34</li>
                <li>36</li>
                <li>XS</li>
                <li>S</li>
                <li>M</li>
                <li>L</li>
                <li>XL</li>
                <li>XXL</li>
                <li>no size</li>
            </ul>
            <h1 class="down price">
                价格
                <span>▼</span>
            </h1>
            <ul class="price-down">
                <li>0-199</li>
                <li>200-299</li>
                <li>300-399</li>
                <li>400-499</li>
                <li>500-599</li>
                <li>600-799</li>
                <li>799以上</li>
            </ul>
        </div>
        <div class="right fr">
            <div class="r-top">
                <div class="select fl">
                    <span class="select-val">按新品排序</span>
                    <b>▼</b>
                    <ul class="select-down">
                        <li>按新品排序</li>
                        <li>按价格 从高到低</li>
                        <li>按价格 从低到高</li>
                        <li>销量</li>
                    </ul>
                </div>
                <div class="page fr">
                    <ul>
                        <span class="iconfont icon-xiangshang"></span>
                        <li id="index">1</li>
                        <li>2</li>
                        <li>3</li>
                        <span class="iconfont icon-xiangshang"></span>
                    </ul>
                </div>
            </div>
            <div class="right-shop">
                <ul>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/1.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickieslogo印花连帽长袖衬衫
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008001</span>
                            <span class="fr 
                            shop-price">¥559.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/1.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/2.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/3.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies校园学生双肩包男女背包
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008002</span>
                            <span class="fr 
                            shop-price">¥299.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/3.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/4.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/5.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/6.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies圆领卫衣男式秋季长袖上衣
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008003</span>
                            <span class="fr 
                            shop-price">¥399.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/6.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/7.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/8.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/9.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies男式绣花徽章连帽宽松卫衣
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008004</span>
                            <span class="fr 
                            shop-price">¥459.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/9.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/10.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/11.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies印花连帽卫衣
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008005</span>
                            <span class="fr 
                            shop-price">¥499.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/11.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/12.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/37.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/14.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies男式身侧logo印花卫衣
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008006</span>
                            <span class="fr 
                            shop-price">¥459.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/14.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/15.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/13.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/16.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/38.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies男式身侧logo印花卫衣
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008007</span>
                            <span class="fr 
                            shop-price">¥359.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/38.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/17.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/18.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/19.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/20.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies弹力腰带束脚男女休闲裤
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008008</span>
                            <span class="fr 
                            shop-price">¥359.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/20.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/21.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/22.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/23.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies男式logo印花连帽抓绒卫衣
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008009</span>
                            <span class="fr 
                            shop-price">¥389.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/23.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/24.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/25.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/26.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/27.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies男式字母印花圆领宽松卫衣
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008010</span>
                            <span class="fr 
                            shop-price">¥379.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/27.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/28.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/29.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/30.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/31.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies男式链条绣花连帽长袖卫衣
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008011</span>
                            <span class="fr 
                            shop-price">¥379.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/31.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/32.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/33.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="shop-img">
                            <img src="images/images/35.jpg" alt="shop" height="406">
                            <div class="hover">快速浏览</div>
                        </div>
                        <div class="shop-name">
                            Dickies后背logo印花充棉教练夹克
                        </div>
                        <div class="shop-card">
                            <span class="fl shop-number">DK008012</span>
                            <span class="fr 
                            shop-price">¥1199.00</span>
                        </div>
                        <div class="swiper-skr">
                            <div>
                                <img src="images/35.jpg" alt="小图">
                            </div>
                            <div>
                                <img src="images/36.jpg" alt="小图">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer"></div>
</body>

</html>
<script src="../jquery-3.5.1/jquery-3.5.1.min.js"></script>
<script src="js/list.js"></script>
<script>
    $(".header").load("../common/html/header.html", function() {
        window.onscroll = function() {
            // console.log($(window).scrollTop())
            if ($(window).scrollTop() > 70) {
                $(".header-bar-menus-t").css({
                    height: 45,
                    marginTop: 0,
                    width: "100%",
                    backgroundColor: "#fff",
                    zIndex: 1000,
                    position: "fixed",
                    top: 0,
                })
                $(".header-bar-menus-t-con .logo img").css({
                    width: 70,
                })
                $(".header-bar-menus-t-con .logo").css({
                    position: "absolute",
                    left: 10,
                    top: 3,
                    zIndex: 2000,
                })
            }
            if ($(window).scrollTop() < 70) {
                $(".header-bar-menus-t").css({
                    height: 45,
                    marginTop: 30,
                    width: "100%",
                    backgroundColor: "#fff",
                    zIndex: 1000,
                    position: "",
                    top: "",
                })
                $(".header-bar-menus-t-con .logo img").css({
                    width: 170,
                })
                $(".header-bar-menus-t-con .logo").css({
                    position: "absolute",
                    left: 10,
                    top: -30,
                    zIndex: 2000,
                })
            }
        }
    })

    $(".footer").load("../common/html/footer.html", function() {
        $(".nav li").eq(2).click(function() {
            $(window).scrollTop(0);
        })
    })
</script>